@extends('car.base.shopping')

@section('content')
@section('content1')
<form action="shopping" method="get">
    <input type="text" placeholder="请输入商品名称" name="name">
    <button type="button">搜索</button>
</form>
    
@stop
	<div style="width:100%;text-align:center">
		<form action="/car/order" method="post">
		<input type="hidden" name="user_id" value="{{ session('homeuser')->id }}">
			请选择地址：
			<select id='cid' name="province">
				<option>--请选择--</option>
			</select><br>
	        <input type="hidden" name="_token" value="{{ csrf_token() }}">
	        <input type="hidden" name="product_id" value="{{ $product_id }}">
			收货人：<input type="text" name="receive_name"><br>
			详细地址：<input type="text" name="address"><br>
			手机号：<input type="text" name="telephone"><br>
			<input type="radio" name="defaddress" value="2">设为默认地址<input type="radio" name="defaddress" value="1">不设为默认地址<br>
	    	<button>确认地址</button>
	    </form>
	</div>
	<script type="text/javascript">
				var url = "{{ url('aja1/address_get') }}";
				var url1 = "{{ url('aja1/address_post') }}";
		$.ajax({
			url:url,
			async:false,				//是否异步
			type:'get',					//请求方式
			data:{upid:0},				//发送的数据
			dataType:'json',			//响应的数据类型
			error:function()			//失败时回调函数
			{
				alert('ajax请求失败');
			},
			success:function(data)		//成功时回调函数
			{
				console.log(data);
				for (var i = 0; i < data.length; i++) {
					$('#cid').append("<option value='"+data[i].id+"'>"+data[i].name+"</option>");
				};
			}
		});

		$("select").live("change",function(){
			//先清除后面的select，再添加新的select
			$(this).nextAll("select").remove();
			//因为下面需要用到当前对象，但是是另一个函数体内，不能用$(this)
			var ob = $(this);
			//判断选择的是不是默认的请选择
			if($(this).val() != '--请选择--'){
				var upid = $(this).val();
				$.ajax({
					url:'/aja1/address_post',
					async:false,				//是否异步
					type:'post',				//请求方式
					data:{upid:upid,'_token': $('input[name=_token]').val()},				//发送的数据
					/*headers: {
				        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
				    },*/
					dataType:'json',			//响应的数据类型
					error:function()			//失败时回调函数
					{
						alert('ajax请求失败');
					},
					success:function(data)		//成功时回调函数
					{
						// console.log(data);
						//判断是否还有数据返回
						if(data.length>0){
							//新建一个select标签
							console.log(data);
							var select = $("<select><option>--请选择--</option></select>");
							//循环给select标签添加上option
							for (var i = 0; i < data.length; i++) {
								$(select).append("<option value='"+data[i].id+"'>"+data[i].name+"</option>");
							};
							//追加到前一个select后面
							ob.after(select);
						}
					}
				});
			}
			
		});
	</script>
   @stop
